<h2 class="grid_12">Evento: <?php echo $pistas['0']['Evento']['nombre']; ?> <br />Dia: <?php echo $this->Utilidades->fechaes($pistas['0']['EventosPista']['fecha']); ?></h2>  

<div class="grid_8">
    <div class="box">
        <div class="header">
            <?php echo $this->Html->image("icons/packs/fugue/16x16/document--plus.png"); ?>            
            <h3>Pistas</h3>
            <span></span>
        </div>
        <?php //comienza el contenido que quieres colocar ?>
        <div class="content">
            <table class="table" id="eventos">
                <thead>
                    <tr>                        
                        <th>Nombre</th>                        
                        <th>Hora</th> 
                        <th>Juez</th>
                        <th>Acciones</th>                        
                    </tr>
                </thead>
                <tbody>
                    <?php //debug($pistas); ?>
                    <?php foreach ($pistas as $p): ?>
                        <?php $id = $p['EventosPista']['id']; ?>
                        <tr>                            
                            <td><?php echo $p['Pista']['nombre']; ?></td>
                            <td><?php echo $p['EventosPista']['hora']; ?></td>
                            <td><?php echo $p['EventosPista']['juez']; ?></td>
                            <td>
                                <?php
                                    echo $this->Html->link($this->Html->image('icons/packs/diagona/16x16/016.png', array('title' => 'Punatjes por Raza')), array('action' => 'registrapuntaje', $id, $pistas['0']['Evento']['id']), array('escape' => false));
                                ?>
                                
                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>   
            </table>   
            <script type="text/javascript">
                $(window).load(function() {
                    $('#eventos').dataTable();
                    $(window).resize();
                });
            </script>
        </div>
        <?php //fin del contenido a colocar   ?>
    </div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->                                            
<div class="grid_4">
    <?php echo $this->element('menu_eventos'); ?>
</div> <!-- End of .grid_4 -->
<?php echo $this->element('js_tablas'); ?>
<?php echo $this->element('js_forms'); ?>
<!-- End of #main_content -->
<div class="push clear"></div>